<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>06-购物车</title>
    <link rel="stylesheet" href="./css/normalize.css">
    <link rel="stylesheet" href="./css/shoppingcar.css">
    <script src="./js/flexible.js"></script>
    <script src="./js/jQuery.min.js"></script>
    <script src="./js/06-shoppingcar.js"></script>
</head>


<body>

    <body>

        <!-- header部分 -->

        <header>
            <div class="top_blank"></div>
            <div class="hd_bottom">
                <div class="back"></div>
                <h2>购物车</h2>
                <div class="lingdang"></div>
            </div>
        </header>
        <!-- header部分 -->


        <!-- 空白部分 -->
        <div class="kong"></div>
        <!-- 空白部分 -->

        <!-- 购物清单部分 -->
        <div class="shop_list" id="hhh">
            <!--                 店家详情 -->
            <div class="store">
                <div class="store_icon">
                </div>
                <div class="store_name">
                    <h3>上海城北店</h3>
                    <div class="youhui">
                        <div class="one">
                            <span>领券20</span>
                        </div>
                        <div class="two">
                            <span>全场满90减20</span>
                        </div>
                    </div>
                </div>
            </div>
            <!--                 凑单提醒 -->
            <div class="coudan">
                <span class="c_left">配送费15元，满99减20</span>
                <span class="c_right">去凑单></span>
            </div>
            <!--                 添加进的商品详情   .... -->
            <section class="goods">
                <div class="select"></div>
                <div class="goods_icon"></div>
                <div class="goods_detail">
                    <h5>海鲜肉百香果</h5>
                    <span>500g装</span>
                    <div class="goods_price">
                        <span>&yen;</span><span class="price_now">78.90</span>
                        <del>&yen;122.99</del>
                    </div>
                </div>
                <div class="change">
                    <span class="reduce">-</span>
                    <input type="text" value="1">
                    <span class="add">+</span>
                </div>
                <span class="dele">
                </span>

            </section>
            <section class="goods">
                <div class="select"></div>
                <div class="goods_icon"></div>
                <div class="goods_detail">
                    <h5>海鲜肉百香果</h5>
                    <span>500g装</span>
                    <div class="goods_price">
                        <span>&yen;</span><span class="price_now">78.90</span>
                        <del>&yen;122.99</del>
                    </div>
                </div>
                <div class="change">
                    <span class="reduce">-</span>
                    <input type="text" value="1">
                    <span class="add">+</span>
                </div>
                <span class="dele">
                </span>

            </section>
        </div>
        <div class="shop_list" id="bbb">
            <!--                 店家详情 -->
            <div class="store">
                <div class="store_icon">
                </div>
                <div class="store_name">
                    <h3>上海城南店</h3>
                    <div class="youhui">
                        <div class="one">
                            <span>领券20</span>
                        </div>
                        <div class="two">
                            <span>全场满90减20</span>
                        </div>
                    </div>
                </div>
            </div>
            <!--                 凑单提醒 -->
            <div class="coudan">
                <span class="c_left">配送费15元，满99减20</span>
                <span class="c_right">去凑单></span>
            </div>
            <!--                 添加进的商品详情   .... -->
            <section class="goods">
                <div class="select"></div>
                <div class="goods_icon"></div>
                <div class="goods_detail">
                    <h5>海鲜肉百香果</h5>
                    <span>500g装</span>
                    <div class="goods_price">
                        <span>&yen;</span><span class="price_now">78.90</span>
                        <del>&yen;122.99</del>
                    </div>
                </div>
                <div class="change">
                    <span class="reduce">-</span>
                    <input type="text" value="1">
                    <span class="add">+</span>
                </div>
                <span class="dele">
                </span>

            </section>
            <section class="goods">
                <div class="select"></div>
                <div class="goods_icon"></div>
                <div class="goods_detail">
                    <h5>海鲜肉百香果</h5>
                    <span>500g装</span>
                    <div class="goods_price">
                        <span>&yen;</span><span class="price_now">78.90</span>
                        <del>&yen;122.99</del>
                    </div>
                </div>
                <div class="change">
                    <span class="reduce">-</span>
                    <input type="text" value="1">
                    <span class="add">+</span>
                </div>
                <span class="dele">
                </span>

            </section>
        </div>
        <div class="shop_list" id="ccc">
            <!--                 店家详情 -->
            <div class="store">
                <div class="store_icon">
                </div>
                <div class="store_name">
                    <h3>上海城南店</h3>
                    <div class="youhui">
                        <div class="one">
                            <span>领券20</span>
                        </div>
                        <div class="two">
                            <span>全场满90减20</span>
                        </div>
                    </div>
                </div>
            </div>
            <!--                 凑单提醒 -->
            <div class="coudan">
                <span class="c_left">配送费15元，满99减20</span>
                <span class="c_right">去凑单></span>
            </div>
            <!--                 添加进的商品详情   .... -->
            <section class="goods">
                <div class="select"></div>
                <div class="goods_icon"></div>
                <div class="goods_detail">
                    <h5>海鲜肉百香果</h5>
                    <span>500g装</span>
                    <div class="goods_price">
                        <span>&yen;</span><span class="price_now">78.90</span>
                        <del>&yen;122.99</del>
                    </div>
                </div>
                <div class="change">
                    <span class="reduce">-</span>
                    <input type="text" value="1">
                    <span class="add">+</span>
                </div>
                <span class="dele">
                </span>

            </section>
            <section class="goods">
                <div class="select"></div>
                <div class="goods_icon"></div>
                <div class="goods_detail">
                    <h5>海鲜肉百香果</h5>
                    <span>500g装</span>
                    <div class="goods_price">
                        <span>&yen;</span><span class="price_now">78.90</span>
                        <del>&yen;122.99</del>
                    </div>
                </div>
                <div class="change">
                    <span class="reduce">-</span>
                    <input type="text" value="1">
                    <span class="add">+</span>
                </div>
                <span class="dele">
                </span>

            </section>
        </div>

        <!-- 购物清单部分 -->
        <!-- 底部结算部分 -->
        <!-- 空格子 -->
        <div class="blank_bottom"></div>
        <div class="pay">
            <!-- 付款数据 -->
            <div class="data">
                <div class="xuanze">
                    <div class="circle ">
                        <img src="./images/形状 71.png" alt="" class="active">
                    </div>

                    <span>全选</span>
                </div>
                <div class="all_price">
                    <p class="t_price">总价:<span>&yen;</span><span class="detail">0</span></p>
                    <p class="b_word">不含运费</p>
                </div>
            </div>
            <!-- 提交钮 -->
            <div class="submit">
                <span>结算</span>
            </div>
        </div>

        <!-- 底部结算部分 -->
    </body>

</html>